<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>Document</title>
</head>

<style>
    body{
        background: #eee;
    }

    *{
        margin: 0px;
        padding: 0px;
    }

    .box{
        display: flex;
        width:500px;
        background: white;
    }

    .pic1{
        display: flex;
        bottom: 0px;
        left: 0px;
    }
    .pic2{
        display: flex;
        right: 0px;
    }
    .text1{  
        width: 50%;
        padding: 55px;
     
        background: rgb(221, 199, 199);
    }
    .text2{
        width: 50%;
        padding: 25px;
        background: rgb(221, 199, 199);
    }



</style>

<div class="box">
        <div class="pic1"><img src="qb.png" alt=""></div>   
        <div class="text1">我的钱包</div>
        <div class="text2">查看骑行卡</div>
        <div class="pic2"><img src="yjt.PNG" alt=""></div>
</div>




<body>
    
</body>
</html>